<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
<f:view locale="#{language.locale}"/>
<h:head>
    <title>Twitter :: <h:outputText value="#{msg.register}"/></title>
    <h:outputStylesheet library="css" name="site.css"/>
</h:head>
<h:body>
    <div id="header">
	<div id="center">
            <ul class="nav_bar">
                <li><h:link value="#{msg.home}" outcome="index"/></li>
                <li>@ <h:outputText value="#{msg.connect}"/></li>
                <li># <h:outputText value="#{msg.discover}"/></li>
            </ul>
            <h:form id="searchForm">
                <p:inputText id="searchBox" value=""/>
                <p:watermark for="searchBox" value="#{msg.search}"/> 
            </h:form>
            <div id="language">
                <h:form id="languageForm">
                    <h:selectOneMenu value="#{language.selected}">
                        <f:selectItems value="#{language.languages}"/>
                    </h:selectOneMenu>
                    <h:commandLink action="#{language.changeLang()}" value="#{msg.change_lang}" class="changeLangMsg"/>
                </h:form>
            </div>
	</div>
    </div>
    <div id="content">	
        <h:form>
            <p:panel>
                <h:panelGrid  columns="3">
                    <h:outputLabel value="#{msg.username}"/>
                    <p:inputText id="userName" value="#{registerUser.userName}"/>
                    <p:message id="userNameMsg" for="userName"/>
                    <h:outputLabel value="#{msg.name}" for="name"/>
                    <p:inputText id="name" value="#{registerUser.name}"/>
                    <p:message id="nameMsg" for="name"/>
                    <h:outputLabel value="#{msg.email}" for="email"/>
                    <p:inputText id="email" value="#{registerUser.email}"/>
                    <p:message id="emailMsg" for="email"/>
                    <h:outputLabel value="#{msg.pass}" for="pass1"/>
                    <p:password id="pass1" value="#{registerUser.pass1}"/>
                    <p:message id="pass1Msg" for="pass1"/>
                    <h:outputLabel value="#{msg.pass2}" for="pass2"/>
                    <p:password id="pass2" value="#{registerUser.pass2}"/>
                    <p:message id="pass2Msg" for="pass2"/>
                </h:panelGrid>
                <p:commandButton value="#{msg.register}" action="#{registerUser.registerUser()}"/>
            </p:panel>
        </h:form>
    </div>
</h:body>
</html> 